<!--
 * @Date: 2020-05-27 10:40:13
 * @LastEditors  : joker_yjc
 * @LastEditTime : 2020-11-10 10:51:58
 * @Desciption: 
-->
<template>
  <div class="bread breadcrumb-container">
    <a-breadcrumb>
      <a-breadcrumb-item>
        {{ moduleName }}
      </a-breadcrumb-item>
      <a-breadcrumb-item v-for="(nav, index) in navLists" :key="index">
        <router-link style="cursor: pointer" :class="index === navLists.length - 1 ? '' : 'primaryColor'" v-if="!nav.fn" :to="nav.url">{{ nav.label }}</router-link>
        <span style="cursor: pointer" :class="index === navLists.length - 1 ? '' : 'primaryColor'" v-else @click="nav.fn">{{ nav.label }}</span>
      </a-breadcrumb-item>
    </a-breadcrumb>
  </div>
</template>
<script>
export default {
  props: {
    navLists: {
      type: Array
    },
    moduleName: {
      type: String,
      default: '通知公告'
    }
  }
}
</script>
